<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../../HTMLTurbo.css">
<link rel="stylesheet" type="text/css" href="../style/demo.css">

<script charset="utf-8" src="../../jquery/1.12.4/jquery.min.js"></script>
<script charset="utf-8" src="../../HTMLTurbo.php"></script>
</head>

<body>
<style>
*{
	margin:0;
	padding:0;
	list-style:none;
}
#banner{
	position:relative;
	width:100%;
	height:200px;
}
</style>
<div class="ht">
<div class="ht-Focus position" id="banner" data-ht-control="Focus">
	<ul>
		<li style="background-color:#F00;"><a>1</a></li>
		<li style="background-color:#FF0;"><a>2</a></li>
		<li style="background-color:#0FF;"><a>3</a></li>
		<li style="background-color:#F0F;"><a>4</a></li>
	</ul>
</div>
</div>
</body>
</html>
<script>
/*
$(document.body).ready(function(){
		ht.createControl("#banner","Focus");
	}
)
*/
/*var focus=new Focus("#banner");
focus.init()*/
</script>